@import 'variables';
@import 'mixins';

// 生成主题类
@each $theme, $map in $themes {
  .theme-#{$theme} {
    // 字体颜色
    --primary-color: #{map-get($map, primary-color)};
    --secondary-color: #{map-get($map, secondary-color)};
    --text-color: #{map-get($map, text-color)};
    --caption-color: #{map-get($map, caption-color)};
    --inverse-color: #{map-get($map, inverse-color)};
    
    // 背景色
    --bg-color: #{map-get($map, bg-color)};
    --bg-secondary-color: #{map-get($map, bg-secondary-color)};
    --bg-inverse-color: #{map-get($map, bg-inverse-color)};
    
    // 主题色
    --theme-color: #{map-get($map, theme-color)};
    --theme-secondary-color: #{map-get($map, theme-secondary-color)};
    
    // 字号
    --title-size: #{map-get($map, title-size)};
    --subtitle-size: #{map-get($map, subtitle-size)};
    --body-size: #{map-get($map, body-size)};
    --caption-size: #{map-get($map, caption-size)};
    --btn-text-size: #{map-get($map, btn-text-size)};
    
    // 字重
    --title-weight: #{map-get($map, title-weight)};
    --subtitle-weight: #{map-get($map, subtitle-weight)};
    --body-weight: #{map-get($map, body-weight)};
    --caption-weight: #{map-get($map, caption-weight)};
    --btn-text-weight: #{map-get($map, btn-text-weight)};
  }
}